[tsbrowser_force_max_size] {
  width: 100% !important;
  height: 100% !important;
  left: 0px !important;
  top: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  transform: none !important;
}
[tsbrowser_force_fixed] {
  position: fixed !important;
  z-index: 9999 !important;
  background: black !important;
}
[tsbrowser_force_hidden] {
  opacity: 0 !important;
  z-index: 0 !important;
}
[tsbrowser_hide_scrollbar] {
  overflow: hidden !important;
}
[tsbrowser_display_none] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
[tsbrowser_force_show] {
  display: black !important;
  visibility: visible !important;
  opacity: 0;
}
.map-service{
  position:relative;
}
.map-service-right{
  margin-left:0px;
  padding-top:60px}
.china-map{
  position: relative;
  width: 100%;
  max-width: 994px;
  margin: 0 0 0 auto;
}
.china-map img{
  width: 100%;
}
.region-list{
  position:absolute;
  left:0;
  top:0}
@-webkit-keyframes warn{
  0%{
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1}
  100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0}
}
@-moz-keyframes warn{
  0%{
    -moz-transform:scale(0);
    transform:scale(0);
    opacity:1}
  100%{
    -moz-transform:scale(1);
    transform:scale(1);
    opacity:0}
}
@-o-keyframes warn{
  0%{
    -o-transform:scale(0);
    transform:scale(0);
    opacity:1}
  100%{
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0}
}
@keyframes warn{
  0%{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:1}
  100%{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0}
}
.area-box .dot{
  position:absolute;
  left:0;
  width:10px;
  height:10px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background:#23ac38;
  opacity:1;
  filter:alpha(opacity=100)}
.area-box .pulse{
  position:absolute;
  top:-20px;
  left:-20px;
  height:50px;
  width:50px;
  border:2px solid #b7b7b7;
  -webkit-border-radius:48px;
  -moz-border-radius:48px;
  border-radius:48px;
  -webkit-box-shadow:0 0 4px #23ac38,0 0 10px #23ac38 inset;
  -moz-box-shadow:0 0 4px #23ac38,0 0 10px #23ac38 inset;
  box-shadow:0 0 4px #23ac38,0 0 10px #23ac38 inset;
  opacity:.12;
  filter:alpha(opacity=0);
  -webkit-animation:warn 2s ease-out both;
  -moz-animation:warn 2s ease-out both;
  -o-animation:warn 2s ease-out both;
  animation:warn 2s ease-out both;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  background:0 0}
.area-box .delay-01{
  -webkit-animation-delay:0;
  -moz-animation-delay:0;
  -o-animation-delay:0;
  animation-delay:0}
.area-box .delay-02{
  -webkit-animation-delay:.4s;
  -moz-animation-delay:.4s;
  -o-animation-delay:.4s;
  animation-delay:.4s}
.area-box .delay-03{
  -webkit-animation-delay:.8s;
  -moz-animation-delay:.8s;
  -o-animation-delay:.8s;
  animation-delay:.8s}
.area-box .delay-04{
  -webkit-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -o-animation-delay:1.2s;
  animation-delay:1.2s}
.area-box .delay-05{
  -webkit-animation-delay:1.6s;
  -moz-animation-delay:1.6s;
  -o-animation-delay:1.6s;
  animation-delay:1.6s}
.area-box .delay-06{
  -webkit-animation-delay:2s;
  -moz-animation-delay:2s;
  -o-animation-delay:2s;
  animation-delay:2s}
.area-box .delay-07{
  -webkit-animation-delay:2.4s;
  -moz-animation-delay:2.4s;
  -o-animation-delay:2.4s;
  animation-delay:2.4s}
.area-box .delay-08{
  -webkit-animation-delay:-.4s;
  -moz-animation-delay:-.4s;
  -o-animation-delay:-.4s;
  animation-delay:-.4s}
.area-box .delay-09{
  -webkit-animation-delay:-.8s;
  -moz-animation-delay:-.8s;
  -o-animation-delay:-.8s;
  animation-delay:-.8s}
.area-box .delay-10{
  -webkit-animation-delay:-1.2s;
  -moz-animation-delay:-1.2s;
  -o-animation-delay:-1.2s;
  animation-delay:-1.2s}
.area-box .delay-11{
  -webkit-animation-delay:4s;
  -moz-animation-delay:4s;
  -o-animation-delay:4s;
  animation-delay:4s}
.region-list.active .area-box .dot{
  background:#23ac38}
.region-list.active .area-box .pulse{
  border-color:#23ac38;
  top:-20px;
  left:-20px;
  height:50px;
  width:50px;
  -webkit-box-shadow:0 0 12px #23ac38,0 0 20px #23ac38 inset;
  -moz-box-shadow:0 0 12px #23ac38,0 0 20px #23ac38 inset;
  box-shadow:0 0 12px #23ac38,0 0 20px #23ac38 inset}
.region-list.waite .area-box .dot{
  background:#23ac38}
.region-list.waite .area-box .pulse{
  border-color:#23ac38}
.show-regin{
  position:absolute;
  left:2px;
  height:0;
  top:0;
  width:11px;
  opacity:0;
  -o-transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{
  height:127px;
  opacity:1}
.show-regin span{
  position:absolute;
  left:8px;
  top:-11px;
  padding:6px 10px;
  font-size:14px;
  color:#333;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  text-align:center;
  white-space:nowrap;
}
.postition-10 .show-regin span{
  left:0}
.postition-6 .show-regin span{
  left:12px}
.area-box{
  z-index:77}
.show-regin{
  z-index:66}
.region-list.active .show-regin span{
  position:relative;
  color:#333}
.region-list.waite .show-regin span{
  color:#333}
.postition-1{
  left: 78%;
  top: 20%;
}
.postition-2{
  left: 49%;
  top: 65%;
}
.postition-3{
  left: 86%;
  top: 64%;
}
.postition-4{
  left: 54%;
  top: 77%;
}
.postition-5 {
  left: 68%;
  top: 22%;
}
.postition-6{
  left: 72%;
  top: 85%;
}
.postition-7{
  left: 88%;
  top: 25%;
}
.postition-7.region-list.active .area-box .pulse{
  top:-20px;
  left:-20px;
  height:50px;
  width:50px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%}
.postition-8{
  left: 77%;
  top: 39%;
}
.postition-9{
  left: 83%;
  top: 59%;
}
.postition-9.region-list.active .area-box .pulse{
  top:-20px;
  left:-20px;
  height:50px;
  width:50px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%}
.postition-10{
  left: 63%;
  top: 84%;
}
.postition-11{
  left: 30%;
  top: 71%;
}
.postition-13{
  left: 20%;
  top: 33%;
}
.postition-14{
  left: 81%;
  top: 77%;
}
.postition-15{
  left: 34%;
  top: 9%;
}
.postition-16 {
  left: 55%;
  top: 21%;
}
.postition-17{
  left: 61%;
  top: 56%;
}
.postition-18{
  left: 66%;
  top:97%;
}
.douhao{
  width:0;
}